<!doctype html>
<html>
 <head> 
  <meta charset="utf-8"> 
  <title>后台主页</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 
  <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description"> 
  <meta content="Coderthemes" name="author"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <!-- App favicon --> 
  <link rel="shortcut icon" href="${ctx}/admin/images/favicon.ico">
  <!-- App css --> 
  <link href="${ctx}/admin/css/bootstrap.min.css" rel="stylesheet" type="text/css"> 
  <link href="${ctx}/admin/css/icons.css" rel="stylesheet" type="text/css"> 
  <link href="${ctx}/admin/css/metismenu.min.css" rel="stylesheet" type="text/css"> 
  <link href="${ctx}/admin/css/style.css" rel="stylesheet" type="text/css"> 
  <script src="${ctx}/admin/js/modernizr.min.js"></script> 
 </head> 
 <body> 
  <!-- Begin page --> 
  <div id="wrapper"> 
    <#include "common/header.ftl">
   <!-- Top Bar End --> 
   <!-- ========== Left Sidebar Start ========== --> 
    <#include "common/menu.ftl">
   <!-- Left Sidebar End --> 
   <!-- ============================================================== --> 
   <!-- Start right Content here --> 
   <!-- ============================================================== --> 
   <div class="content-page"> 
    <!-- Start content --> 
    <div class="content"> 
     <div class="container-fluid"> 
      <div class="row"> 
       <div class="col-12"> 
        <div class="page-title-box"> 
         <h4 class="page-title float-left">仪表盘</h4>
         <ol class="breadcrumb float-right"> 
          <li class="breadcrumb-item"><a href="#">Adminox</a></li> 
          <li class="breadcrumb-item"><a href="#">Dashboard</a></li> 
          <li class="breadcrumb-item active">仪表盘</li>
         </ol> 
         <div class="clearfix"></div> 
        </div> 
       </div> 
      </div> 
      <!-- end row --> 
      <div class="row"> 
       <div class="col-lg-3 col-md-6"> 
        <div class="card-box widget-box-two widget-two-custom"> 
         <i class="mdi mdi-currency-usd widget-two-icon"></i>
         <div class="wigdet-two-content"> 
          <p class="m-0 text-uppercase font-bold font-secondary text-overflow" title="Statistics">发表文章总数</p>
          <h2 class="font-600"><span><i class="mdi mdi-arrow-up"></i></span> <span data-plugin="counterup">65841</span></h2> 
          <p class="m-0">Jan - Apr 2017</p> 
         </div> 
        </div> 
       </div>
       <!-- end col --> 
       <div class="col-lg-3 col-md-6"> 
        <div class="card-box widget-box-two widget-two-custom">
         <i class="mdi mdi-account-multiple widget-two-icon"></i> 
         <div class="wigdet-two-content"> 
          <p class="m-0 text-uppercase font-bold font-secondary text-overflow" title="Statistics">用户总数</p>
          <h2 class="font-600"><span><i class="mdi mdi-arrow-up"></i></span> <span data-plugin="counterup">236521</span></h2> 
          <p class="m-0">Jan - Apr 2017</p> 
         </div> 
        </div> 
       </div>
       <!-- end col --> 
       <div class="col-lg-3 col-md-6"> 
        <div class="card-box widget-box-two widget-two-custom"> 
         <i class="mdi mdi-crown widget-two-icon"></i> 
         <div class="wigdet-two-content"> 
          <p class="m-0 text-uppercase font-bold font-secondary text-overflow" title="Statistics">上传附件总数</p>
          <h2 class="font-600"><span><i class="mdi mdi-arrow-up"></i></span> <span data-plugin="counterup">563698</span></h2> 
          <p class="m-0">Jan - Apr 2017</p> 
         </div> 
        </div> 
       </div>
       <!-- end col --> 
       <div class="col-lg-3 col-md-6"> 
        <div class="card-box widget-box-two widget-two-custom"> 
         <i class="mdi mdi-auto-fix widget-two-icon"></i> 
         <div class="wigdet-two-content"> 
          <p class="m-0 text-uppercase font-bold font-secondary text-overflow" title="Statistics">收到浏览总数</p>
          <h2 class="font-600"><span><i class="mdi mdi-arrow-up"></i></span> <span data-plugin="counterup">2.07</span>%</h2> 
          <p class="m-0">Jan - Apr 2017</p> 
         </div> 
        </div> 
       </div>
       <!-- end col --> 
      </div> 
      <!-- end row --> 
      <div class="row"> 
       <div class="col-lg-4"> 
        <div class="card-box">
            <h4 class="text-uppercase font-18">最新文章</h4>
            <div class="border m-b-30"></div>
            <div class="text-center">
          <h5 class="font-normal text-muted">You have to pay</h5> 
          <h3 class="m-b-30"><i class="mdi mdi-arrow-up-bold-hexagon-outline text-success"></i> 25643 <small>USD</small></h3> 
         </div> 
         <div class="chart-container"> 
          <div class="" style="height:280px" id="platform_type_dates_donut"></div> 
         </div> 
        </div> 
       </div> 
       <div class="col-lg-4"> 
        <div class="card-box">
            <h4 class="text-uppercase font-18">最新留言</h4>
            <div class="border m-b-30"></div>
         <div class="text-center"> 
          <h5 class="font-normal text-muted">You have to pay</h5> 
          <h3 class="m-b-30"><i class="mdi mdi-arrow-down-bold-hexagon-outline text-danger"></i> 5623 <small>USD</small></h3> 
         </div> 
         <div class="chart-container"> 
          <div class="" style="height:280px" id="user_type_bar"></div> 
         </div> 
        </div> 
       </div> 
       <div class="col-lg-4"> 
        <div class="card-box">
            <h4 class="text-uppercase font-18">系统日志</h4>
            <div class="border m-b-30"></div>
         <div class="text-center"> 
          <h5 class="font-normal text-muted">You have to pay</h5> 
          <h3 class="m-b-30"><i class="mdi mdi-arrow-up-bold-hexagon-outline text-success"></i> 12548 <small>USD</small></h3> 
         </div> 
         <div class="chart-container"> 
          <div class="chart has-fixed-height" style="height:280px" id="page_views_today"></div> 
         </div> 
        </div> 
       </div> 
      </div> 
      <!-- end row --> 
      <div class="row"> 
       <div class="col-lg-6"> 
        <div class="card-box"> 
         <h4 class="m-t-0 header-title"><b>Recent Candidates</b></h4> 
         <p class="text-muted font-14 m-b-20"> Your awesome text goes here. </p> 
         <div class="table-responsive"> 
          <table class="table table-hover m-0 table-actions-bar"> 
           <thead> 
            <tr> 
             <th> 
              <div class="btn-group dropdown"> 
               <button type="button" class="btn btn-secondary btn-xs dropdown-toggle waves-effect waves-light" data-toggle="dropdown" aria-expanded="false"><i class="caret"></i></button> 
               <div class="dropdown-menu"> 
                <a class="dropdown-item" href="#">Dropdown link</a> 
                <a class="dropdown-item" href="#">Dropdown link</a> 
               </div> 
              </div> </th> 
             <th>Name</th> 
             <th>Location</th> 
             <th>Job Timing</th> 
             <th>Salary</th> 
             <th>Action</th> 
            </tr> 
           </thead> 
           <tbody> 
            <tr> 
             <td> <img src="${ctx}/admin/images/users/avatar-2.jpg" alt="contact-img" title="contact-img" class="rounded-circle thumb-sm"> </td> 
             <td> <h5 class="m-b-0 m-t-0 font-600">Tomaslau</h5> <p class="m-b-0"><small>Web Designer</small></p> </td> 
             <td> <i class="mdi mdi-map-marker text-primary"></i> New York </td> 
             <td> <i class="mdi mdi-clock text-success"></i> Full Time </td> 
             <td> <i class="mdi mdi-currency-usd text-warning"></i> 3265 </td> 
             <td> <a href="#" class="table-action-btn"><i class="mdi mdi-pencil"></i></a> <a href="#" class="table-action-btn"><i class="mdi mdi-close"></i></a> </td> 
            </tr> 
            <tr> 
             <td> <img src="${ctx}/admin/images/users/avatar-3.jpg" alt="contact-img" title="contact-img" class="rounded-circle thumb-sm"> </td> 
             <td> <h5 class="m-b-0 m-t-0 font-600">Erwin E. Brown</h5> <p class="m-b-0"><small>Programmer</small></p> </td> 
             <td> <i class="mdi mdi-map-marker text-primary"></i> California </td> 
             <td> <i class="mdi mdi-clock text-success"></i> Part Time </td> 
             <td> <i class="mdi mdi-currency-usd text-warning"></i> 1365 </td> 
             <td> <a href="#" class="table-action-btn"><i class="mdi mdi-pencil"></i></a> <a href="#" class="table-action-btn"><i class="mdi mdi-close"></i></a> </td> 
            </tr> 
            <tr> 
             <td> <img src="${ctx}/admin/images/users/avatar-4.jpg" alt="contact-img" title="contact-img" class="rounded-circle thumb-sm"> </td> 
             <td> <h5 class="m-b-0 m-t-0 font-600">Margeret V. Ligon</h5> <p class="m-b-0"><small>Web Designer</small></p> </td> 
             <td> <i class="mdi mdi-map-marker text-primary"></i> New York </td> 
             <td> <i class="mdi mdi-clock text-success"></i> Full Time </td> 
             <td> <i class="mdi mdi-currency-usd text-warning"></i> 115248 </td> 
             <td> <a href="#" class="table-action-btn"><i class="mdi mdi-pencil"></i></a> <a href="#" class="table-action-btn"><i class="mdi mdi-close"></i></a> </td> 
            </tr> 
            <tr> 
             <td> <img src="${ctx}/admin/images/users/avatar-5.jpg" alt="contact-img" title="contact-img" class="rounded-circle thumb-sm"> </td> 
             <td> <h5 class="m-b-0 m-t-0 font-600">Jose D. Delacruz</h5> <p class="m-b-0"><small>Web Developer</small></p> </td> 
             <td> <i class="mdi mdi-map-marker text-primary"></i> New York </td> 
             <td> <i class="mdi mdi-clock text-success"></i> Part Time </td> 
             <td> <i class="mdi mdi-currency-usd text-warning"></i> 2451 </td> 
             <td> <a href="#" class="table-action-btn"><i class="mdi mdi-pencil"></i></a> <a href="#" class="table-action-btn"><i class="mdi mdi-close"></i></a> </td> 
            </tr> 
            <tr> 
             <td> <img src="${ctx}/admin/images/users/avatar-8.jpg" alt="contact-img" title="contact-img" class="rounded-circle thumb-sm"> </td> 
             <td> <h5 class="m-b-0 m-t-0 font-600">Luke J. Sain</h5> <p class="m-b-0"><small>Web Designer</small></p> </td> 
             <td> <i class="mdi mdi-map-marker text-primary"></i> Australia </td> 
             <td> <i class="mdi mdi-clock text-success"></i> Part Time </td> 
             <td> <i class="mdi mdi-currency-usd text-warning"></i> 3265 </td> 
             <td> <a href="#" class="table-action-btn"><i class="mdi mdi-pencil"></i></a> <a href="#" class="table-action-btn"><i class="mdi mdi-close"></i></a> </td> 
            </tr> 
           </tbody> 
          </table> 
         </div> 
        </div> 
       </div> 
       <!-- end col --> 
       <div class="col-lg-3"> 
        <div class="card-box"> 
         <h4 class="header-title m-t-0 m-b-30">Total Unique Visitors</h4> 
         <div class="widget-chart text-center"> 
          <div id="donut-chart" style="height: 270px;"></div> 
          <div class="row text-center m-t-30"> 
           <div class="col-6"> 
            <h3 data-plugin="counterup">1,507</h3> 
            <p class="text-muted m-b-5">Visitors Male</p> 
           </div> 
           <div class="col-6"> 
            <h3 data-plugin="counterup">854</h3> 
            <p class="text-muted m-b-5">Visitors Female</p> 
           </div> 
          </div> 
         </div> 
        </div> 
       </div> 
       <div class="col-lg-3"> 
        <div class="card-box"> 
         <h4 class="header-title m-t-0 m-b-30">Number of Transactions</h4> 
         <div class="widget-chart text-center"> 
          <div id="pie-chart" style="height: 270px;"></div> 
          <div class="row text-center m-t-30"> 
           <div class="col-6"> 
            <h3 data-plugin="counterup">2,854</h3> 
            <p class="text-muted m-b-5">Payment Done</p> 
           </div> 
           <div class="col-6"> 
            <h3 data-plugin="counterup">22</h3> 
            <p class="text-muted m-b-5">Payment Due</p> 
           </div> 
          </div> 
         </div> 
        </div> 
       </div> 
      </div> 
      <!-- end row --> 
     </div> 
     <!-- container --> 
    </div> 
    <!-- content --> 
    <#include "common/footer.ftl">
   </div> 
   <!-- ============================================================== --> 
   <!-- End Right content here --> 
   <!-- ============================================================== --> 
  </div> 
  <!-- END wrapper --> 
  <!-- jQuery  --> 
  <script src="${ctx}/admin/js/jquery.min.js"></script> 
  <script src="${ctx}/admin/js/tether.min.js"></script>
  <!-- Tether for Bootstrap --> 
  <script src="${ctx}/admin/js/bootstrap.min.js"></script> 
  <script src="${ctx}/admin/js/metisMenu.min.js"></script> 
  <script src="${ctx}/admin/js/waves.js"></script> 
  <script src="${ctx}/admin/js/jquery.slimscroll.js"></script>
  <!-- Counter js  -->
  <script src="${ctx}/admin/plugins/waypoints/jquery.waypoints.min.js"></script>
  <script src="${ctx}/admin/plugins/counterup/jquery.counterup.min.js"></script>
  <!-- App js --> 
  <script src="${ctx}/admin/js/jquery.core.js"></script> 
  <script src="${ctx}/admin/js/jquery.app.js"></script>  
 </body>
</html>